<template>
	<view>
		<!-- 自定义导航栏 -->
		<u-navbar :is-back="false" title="运营管理" :background="{backgroundColor:'#f7c60a'}" title-color='black' title-size="36"
		 title-width="auto"></u-navbar>

		<!-- tabs -->
		<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" active-color='#f7c60a' />
		<emit v-if="current===0"></emit>
		<arrive v-if="current===1"></arrive>
		<send v-if="current===2"></send>
		<problem v-if="current===3"></problem>
		<receive v-if="current===4"></receive>
	</view>
</template>

<script>
	import emit from './emit/index.vue'
	import arrive from './arrive/index.vue'
	import send from './send/index.vue'
	import problem from './problem/index.vue'
	import receive from './receive/index.vue'

	export default {
		components: {
			emit,
			arrive,
			send,
			problem,
			receive
		},
		data() {
			return {
				list: [{
						name: '发出'
					},
					{
						name: '到达'
					},
					{
						name: '待取件'
					},
					{
						name: '问题件'
					},
					{
						name: '签收'
					}
				],
				current: 0
			};
		},
		methods: {
			change(index) {
				this.current = index;
			}
		}
	}
</script>
